/*---------------------- 页面顶部 ------------------------*/
.top {
    background-color: white;
    width: 1440px;
    height: 100px;
}

.top>.logo {
    margin-top: 30px;
}

.out {
    position: relative;
}

.set-up,
.remind {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 55%;
}

.set-up {
    right: 175px;
}
.remind {
    right: 140px;
}

.out>.log-out {
    width: 105px;
    height: 40px;
    margin-top: 25px;
    margin-left: 15px;
    background-color: red;
    line-height: 40px;
    text-align: center;
    color: white;
    border: none;
    cursor: pointer;
}

/*-------------------- 主要内容 ----------------------*/
.main {
    background-color: rgb(245, 248, 249);
    width: 1440px;
    height: 1275px;
}

/* 顶部 */
.header {
    width: 1440px;
    height: 170px;
    position: relative;
}

.banner>:nth-child(1) {
    font-size: 30px;
}

.banner>:nth-child(2) {
    font-size: 15px;
    color: rgb(109, 114, 116);
}

.banner {
    position: absolute;
    top: 50%;
    margin-top: -30px;
}


/* 中部折线图 */
.mid {
    width: 1140px;
    height: 349px;
    background-color: white;
    margin-bottom: 20px;
}

/* 底部饼图、柱状图 */
.pie,
.bar {
    width: 560px;
    height: 377px;
    background-color: white;
}


/*--------------------------- 页脚 -----------------------*/
.footer {
    background-color: rgb(32, 33, 36);
    width: 1440px;
    height: 253px;
}

.footer>.logo {
    margin-top: 80px;
}

/* 调整ul样式 */
.link-list {
    list-style-type: none;
    float: left;
    margin-top: 80px;
    margin-left: 110px;
}

/* 修改a标签样式 */
.link-list a {
    color: white;
    text-decoration: none;
}

.link-list li {
    margin-bottom: 8px;
}

.link-list .obvious {
    text-decoration: underline whitesmoke;
}